<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东导航</title>
		<style type="text/css">
			*{
				margin: 0px;
				
			}
			
			#d1{
				
			}

			#d1:after {
				/* height: 0;
				display: block;
				content: ''; */
				clear: both;
			}

			#d1 div {
				float: left;
				height: 30px;
				width: 100px;
				background-color: lightgray;
				margin: 1px;
				padding-left: 20px;

				border: 1px solid red;
				
				
				
				/* border-style: dashed; */
				/* border-color: lightgray lightgray lightgray gray; */
				/* box-sizing: content-box; */
				 
				/* color: white;
				text-align: center;
				line-height: 100px; */
			}
			
			#d102{
				border: none;
			}

			#d1 a {

				text-decoration: none;
				color: gray;

			}

			a:hover {
				color: red;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d102"><a href="#">你好，请登录</a></div>
			<div><a href="">免费注册</a></div>
			<div><a href="">我的订单</a></div>
			<div><a href="">我的京东</a></div>
			<div><a href="">京东会员</a></div>
			<div><a href="">企业采购</a></div>
			<div><a href="">手机京东</a></div>
			<div><a href="">关注京东</a></div>
			<div><a href="">客户服务</a></div>
			<div id="d102"><a href="">联系客服</a></div>
		</div>
	</body>
</html>
